import { ReactComponent as PeachIcon } from '@/shared/icons/emoji/peach-icon.svg';

import { MythCard } from './MythCard';
import cs from './MythCard.module.scss';

export const MythCard2 = () => (
  <MythCard
    myth={
      <div className={cs.children}>
        <p>Нельзя начинать прикорм с фруктов, потому что из-за их сладости ребенок не будет есть овощи и&nbsp;каши.</p>
        <div className={cs.icon}>
          <PeachIcon />
        </div>
      </div>
    }
    truth={
      <p>
        Грудное молоко или смесь тоже имеют сладкий вкус, тем не менее, это не мешает ребенку начать есть другую пищу,
        когда придет время. Какой-то строгой последовательности продуктов здесь не&nbsp;существует. Избегать стоит
        добавленного сахара и соли!
      </p>
    }
  />
);
